﻿/*@author [Göksel ÇELEN];*/
/* *** YONETIMCELL " <@GökselÇelen> Styles ~ Copyright 2024 Yönetimcell Bilgi Teknolojileri, bilgi@yonetimcell.com.tr, bilgi@gokselcelen.com.tr *** */
textarea::placeholder {
    color: #a2a6bb !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

::-webkit-input-placeholder {
    color: #a2a6bb !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

::-moz-placeholder {
    color: #a2a6bb !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

:-ms-input-placeholder {
    color: #a2a6bb !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

:-moz-placeholder {
    color: #a2a6bb !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    /*list-style-type: none;*/
    outline: 0;
}

embed,
img {
    max-width: 100%;
}

a embed {
    cursor: pointer;
    pointer-events: none;
}

figure {
    margin: 0;
}

::selection {
    background: #7cca27 !important;
    color: #fff !important;
}

::-moz-selection {
    background: #7cca27 !important;
    color: #fff !important;
}

a {
    text-decoration: none !important;
    display: inline-block;
    color: #555554;
}

    a:hover {
        color: #76973a;
    }

h1,
h2,
h3,
h4,
h5,
h6,
p {
    cursor: text;
    margin: 0;
}

article,
aside,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ul {
    margin: 0;
}

label {
    margin-bottom: 0;
}

html {
    height: 100% !important;
    --scrollbarBG: #f5f9ed;
    --thumbBG: #62881c;
    --thumbBGHover: #99c34b;
    scroll-behavior: smooth;
    --font_size_2-25: 2.25rem;
    --font_size_1-125: 1.125rem;
    --font_size_1: 1rem;
    --font_size_2: 2rem;
    --font_size_1-5: 1.5rem;
    --font_size_1-375: 1.375rem;
    --font_size_1-25: 1.25rem;
    --font_size_0-875: 0.875rem;
    --font_size_1-050: 1.05rem;
    --font_size_0-95: 0.95rem;
    --font_size_1-355: 1.355rem;
    --font_size_1-1: 1.1rem;
    --font_size_0-9: 0.9rem;
    --font_size_8: 8rem;
    --font_size_6: 6rem;
    --font_size_1-10: 1.1rem;
    --font_size_1-20: 1.2rem;
    --font_size_1-188: 1.188rem;
    --font_size_1-875: 1.875rem;
    --font_size_1-75: 1.75rem;
}
/* 
body {
    min-height: 100% !important;
    overflow-y: scroll;
    overflow-x: hidden;
} */

body,
html {
    font-family: Roboto, sans-serif;
    background-color: #f5f6f8;
    width: 100%;
    font-weight: 400;
    color: #343434;
    display: block;
    font-size: 14px;
}

.btn {
    box-shadow: none !important;
}

select {
    /*-webkit-appearance: none;
    -moz-appearance: none;*/
    /*cursor: pointer*/
}

.select {
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
}

    .select:after {
        font-family: FontAwesome;
        content: "\f107";
        color: #000;
        position: absolute;
        right: 0;
        top: 8px;
        z-index: 1;
        text-align: center;
        width: 10%;
        height: 100%;
        pointer-events: none;
        box-sizing: border-box;
    }

input,
select,
textarea {
    color: #343434;
}

.table tbody + tbody {
    border-top: none;
}

.table thead th {
    vertical-align: middle;
}

.rounded {
    border-radius: 0.375rem !important;
}

.fw-medium {
    font-weight: 500 !important;
}

#dbekle5 {
    background-color: rgb(0, 0, 0) !important;
    opacity: 0.01 !important;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #a2a6bb;
    outline: 0;
    box-shadow: 0 0 3px #c6d3e2;
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid #a2a6bb;
    /* box-shadow: 0 0 0 0.1rem #a2a6bb; */
}

/*.satir_sorgu_baslik textarea {*/
textarea {
    width: 100%;
    border-radius: 0.375rem;
    padding: 1rem;
    color: #495057;
}

.form-control {
    border-radius: 0.375rem !important;
}

input[type="checkbox"]:checked {
    accent-color: #7a9d39;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #7a9d39;
    background-color: #7a9d39;
}

.icerikArkaPlan {
    background-color: #e4e9f0;
    border-radius: 10px;
    font-size: 14px;
    /*padding: 0.5rem;*/
    font-weight: 500;
    margin: 1rem !important;
}

.ycGrayColor {
    color: #989fc2;
}

.ycGreenColor {
    color: #90ac52;
}

.ycOrangeColor {
    color: #ce8310;
}

.ycRedColor {
    color: #db3c3e !important;
}

.ycPurpleColor {
    color: #48535d;
}

.ycCurrency {
    display: flex;
    align-items: center;
}

    .ycCurrency input {
        padding-right: 1.6rem !important;
    }

    .ycCurrency div {
        margin-left: -1.2rem;
        cursor: default;
    }

    .ycCurrency .tutar {
        font-size: 16px !important;
        letter-spacing: 0.5px;
    }

.sirala:hover {
    cursor: pointer;
    background-color: #6b7782;
}

table {
    table-layout: fixed;
}

    table input[type="text"],
    table input[type="password"] {
        width: 100%;
    }

.sorgutarih {
    text-align: center;
}

.textEllipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.formelemani label {
    width: 100px;
    line-height: 21px;
    flex: none;
    margin-left: 7px;
    height: 25px;
}

.exelTextYukleBtn {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .exelTextYukleBtn i {
        font-size: 2.3rem;
        margin-right: 1rem;
    }

    .exelTextYukleBtn span {
        color: #343434;
        transition: all 0.15s ease-in-out;
        line-height: 18px;
        font-size: 0.9rem;
    }

        .exelTextYukleBtn span:hover {
            color: #aa0207;
        }

.div-hr {
    border-bottom: 1px solid #e5e9fb;
}

.tanimYardim {
    font-size: 14px;
    background-color: transparent;
    color: #a2a6bb;
}

.YcYeniLogo {
    width: 66px;
    padding-right: 1rem;
}

header {
    position: sticky;
    top: -81px;
    left: 0;
    right: 0;
    /*z-index: 1500;*/
    /*z-index: 1040;*/
    /*z-index: 1030;*/
    /*z-index: 1020;*/
    z-index: 1001;
    background-color: #fffffffd;
    border: 1px solid #fff;
    /*GG box-shadow: 0 3px 3px #eaeaea;*/
    box-shadow: 0px 0px 15px #a2a6bb54;
    padding-top: 1rem;
    /* padding-bottom: 0.1rem; */
}

    header:hover {
        z-index: 1020;
        transition-delay: 0.1s;
    }

    header .siteTanim {
    }

        header .siteTanim .siteTanimTitle {
            font-size: 17px;
            font-weight: 700;
            color: #141414;
            line-height: 20px;
            padding-bottom: 0.3rem;
        }

        header .siteTanim .siteTanimSubTitle {
            font-size: 14px;
            font-weight: 300;
            padding-right: 1rem;
            color: #a2a6bb;
        }

    header .gbButtons {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f5f6f8;
        border-radius: 10px;
        margin-left: 20px;
        height: 43px;
        width: 43px;
        transition: all 0.4s;
    }

        header .gbButtons:hover {
            background-color: #e4e4e4;
        }

            header .gbButtons:hover i {
                color: #99c34b;
            }

    header .gbNotification {
        position: absolute;
        bottom: -7px;
        right: -7px;
        font-size: 10px;
        font-weight: 400;
        color: #ffffff;
        background-color: #d21113;
        padding: 1px 5px;
        border-radius: 10px;
        text-align: center;
        /*display:none;*/
    }

    header .gbButtons i {
        transition: all 0.4s;
        font-size: 19px;
        color: #a2a6bb8f;
    }

.icerikSorguBaslikYesil {
    color: #88ae42;
}

.icerikSorguBaslikKirmizi {
    color: #ed3e50;
}

.icerikSorguBaslikTuruncu {
    color: #eda63e;
}

.icerik_baslik_alani {
    /*height: 25px;*/
    margin-top: 3rem;
    margin-bottom: 1.3rem;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding-left: 26px;
    padding-right: 26px;
}

.icerikBaslikAlaniSubTitle {
    color: #666;
}

.satir_sorgu_baslik {
    color: #fff;
}

    .satir_sorgu_baslik.acikMavi th {
        /*line-height: 24px;*/
        color: #141414;
        background-color: #e4e9f0;
        /*padding: 0.9rem 0.2rem;*/
        /*padding: 0.9rem 0.6rem;*/
        padding: 0.779rem 0.6rem;
        text-align: start;
        /*GG border: 1px solid #dfe3e4;*/
        border: 1px solid #a2a6bb79;
        vertical-align: middle;
        font-size: 14px;
        text-transform: lowercase;
        font-weight: 500;
    }

    .satir_sorgu_baslik th {
        /*line-height: 24px;*/
        letter-spacing: 0.3px;
        background-color: #48535d;
        /*padding: 0.9rem 0.2rem;*/
        /*padding: 0.9rem 0.6rem;*/
        padding: 0.779rem 0.6rem;
        text-align: center;
        /*GG border: 1px solid #dfe3e4;*/
        border: 1px solid #a2a6bb79;
        vertical-align: middle;
        font-size: 14px;
        text-transform: lowercase;
        font-weight: 500;
    }

        .satir_sorgu_baslik th:first-child {
            /* border-top-left-radius: 10px !important; */
        }

        .satir_sorgu_baslik th:last-child {
            /* border-top-right-radius: 10px !important; */
        }

        .satir_sorgu_baslik th:first-letter {
            text-transform: uppercase;
        }

        .satir_sorgu_baslik th:first-line {
            text-transform: capitalize;
        }

    .satir_sorgu_baslik td {
        /*line-height: 24px;*/
        /*background-color: #efefef;*/
        padding: 0.5rem;
        text-align: center;
        /*GG border: 1px solid #dfe3e4;*/
        border: 1px solid #a2a6bb79;
        vertical-align: middle;
        background-color: #fff;
        /*text-transform: lowercase;*/
        color: #343434;
    }

/*.satir_sorgu_baslik td:first-line {
                text-transform: capitalize;
            }*/

.satir_sorgu_1 {
    /*GG background-color: #fafafa;GG*/
    /*gg background-color: #fdfdfd;*/
    background-color: #fff;
    color: #121212;
    /*font-family: verdana;*/
    font-weight: normal;
    /*line-height: 15px;*/
    cursor: pointer;
}

    .satir_sorgu_1 td {
        /*line-height: 24px;*/
        padding: 0.6rem;
        /*GG border: 1px solid #dfe3e4;*/
        /*ÖÖ border: 1px solid #a2a6bb79;*/
        /*GG border: 1px solid #bec1d579;*/
        border: 1px solid #a2a6bb79;
        vertical-align: middle;
        font-size: 14px;
        /*font-weight: 400;*/
        text-transform: lowercase;
    }

        .satir_sorgu_1 td:first-letter,
        .satir_sorgu_1 td div:first-letter,
        .satir_sorgu_1 td span:first-letter {
            text-transform: uppercase;
        }

        .satir_sorgu_1 td:first-line,
        .satir_sorgu_1 td div:first-line,
        .satir_sorgu_1 td span:first-line {
            text-transform: capitalize;
        }

    .satir_sorgu_1:nth-child(even) {
        /*GG background-color: #e4e9f05e;GG*/
        background-color: #edf0f4;
    }

label > span {
    /*//Bunu şunun için yapıyorum, label' içinde input ve span varsa, span block olsun ve first:Letter'ları alsın diye.*/
    display: block;
}

.cursorAuto {
    cursor: auto !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.textTransformNone {
    text-transform: none !important;
}

    .textTransformNone:first-letter,
    .textTransformNone div:first-letter,
    .textTransformNone span:first-letter {
        text-transform: none !important;
    }

    .textTransformNone:first-line,
    .textTransformNone div:first-line,
    .textTransformNone span:first-line {
        text-transform: none !important;
    }

.satir_sorgu_1_Tanimlar:nth-of-type(4n + 3) {
    /*GG background-color: #e4e9f05e;GG*/
    background-color: #edf0f4;
    /*Not Bunu Yarın Dahil Edeceğiz.*/
}

.satir_sorgu_1:hover {
    /*background-color: #E7F1DD !important;*/
    background-color: #f5f9ed;
}

.satir_sorgu_1.satir_sorgu_1_Tanimlar.satir_tanim_1_secili td i {
    color: #ffffff;
}

/*.ycGeneralSelect {
  width: 100%;
  font-weight: 600;
  height: 33px;
  border-radius: 8px;
  padding: 0.6rem;
  background-color: #e4e9f0;
  font-size: 14px;
  line-height: 18px;
}*/

.satirTabloBaslik td {
    background-color: #48535d;
    color: #ffffff;
}

.satir_sorgu_1 select {
    width: 100%;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.6rem;
    background-color: #e4e9f0;
    font-size: 14px;
}

.satir_sorgu_baslik select {
    width: 100%;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.5rem;
}

.satir_sorgu_baslik input[type="text"],
.satir_sorgu_baslik input[type="password"] {
    width: 100%;
    font-weight: 500;
    border-radius: 8px;
    padding: 0.6rem;
    */
}

.satir_sorgu_baslik td select,
.satir_sorgu_baslik td input[type="text"],
.satir_sorgu_baslik td input[type="password"] {
    background-color: #e4e9f0;
    font-size: 14px;
    /*line-height: 14px;*/
    /*color:#aaa;*/
}

.satir_tanim_td_link select,
.satir_sorgu_td_link select {
    width: 100%;
    font-weight: 500;
    border-radius: 6px;
    height: 26px;
    padding: 0.3rem;
}

.satir_tanim_td_link input[type="text"],
.satir_tanim_td_link input[type="password"],
.satir_sorgu_td_link input[type="text"],
.satir_sorgu_td_link input[type="password"] {
    width: 100%;
    font-weight: 500;
    border-radius: 6px;
    /* height: 26px; */
    padding: 0.3rem;
}

#tg select {
    padding: 0 !important;
    font-size: 12px !important;
}

#tg input {
    padding: 0.1rem !important;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
}

.satirSorguToplami {
    font-weight: 700;
    color: #343434;
    background-color: #e4e9f0 !important;
    cursor: auto;
}

    .satirSorguToplami td {
        font-weight: 700;
    }

    .satirSorguToplami:hover {
        background-color: #e4e9f0 !important;
    }

.satir_sorgu_yok {
    background-color: #fff;
    text-align: center;
    height: 200px;
    color: #c0c0c0;
    font-size: 14px;
    font-style: italic;
    border: 1px solid #bec1d579;
}

.satirIcon {
    font-size: 20px !important;
}

.raporaltsay {
    width: inherit;
    height: 70px;
    padding-top: 0.8rem;
    padding-bottom: 3px;
    font-size: 0.8rem;
    font-weight: bold;
}

/*Sonradan Dahil edildi*/
.satir_sorgu_2_baslik {
    height: 44px;
    background-color: #48535d;
    color: #fff;
    font-weight: bold;
}

    .satir_sorgu_2_baslik td {
        line-height: 23px;
        padding: 5px;
        padding: 5px;
        border-right: 1px solid #bababa;
        border-bottom: 1px solid #bababa;
        border-top: 1px solid #fefefe;
        text-align: center;
        text-transform: lowercase;
    }

        .satir_sorgu_2_baslik td:first-letter,
        .satir_sorgu_2_baslik td div:first-letter,
        .satir_sorgu_2_baslik td span:first-letter {
            text-transform: uppercase;
        }

        .satir_sorgu_2_baslik td:first-line,
        .satir_sorgu_2_baslik td div:first-line,
        .satir_sorgu_2_baslik td span:first-line {
            text-transform: capitalize;
        }

.satir_sorgu_2 {
    background-color: #fbfbfb;
    color: #121212;
    /*font-family: verdana;*/
    font-weight: normal;
    line-height: 15px;
}

    .satir_sorgu_2 td {
        line-height: 24px;
        padding: 5px;
        border: 1px solid #dfe3e4;
        text-transform: lowercase;
    }

        .satir_sorgu_2 td:first-letter,
        .satir_sorgu_2 td div:first-letter,
        .satir_sorgu_2 td span:first-letter {
            text-transform: uppercase;
        }

        .satir_sorgu_2 td:first-line,
        .satir_sorgu_2 td div:first-line,
        .satir_sorgu_2 td span:first-line {
            text-transform: capitalize;
        }

.satir_sorgu_22 {
    background-color: #f3f3f3;
    color: #121212;
    /*font-family: verdana;*/
    font-weight: normal;
    line-height: 15px;
    cursor: pointer;
}

    .satir_sorgu_22 td {
        line-height: 24px;
        padding: 5px;
        border: 1px solid #dfe3e4;
    }
/*Sonradan Dahil edildi End*/

/*Banka Entegrasyon Hareketleri*/
.satir_sorgu_banka_hareketi {
    /*GG background-color: #fafafa;GG*/
    /*background-color: #fdfdfd;*/
    background-color: #fff;
    color: #121212;
    /*font-family: verdana;*/
    font-weight: normal;
    /*line-height: 15px;*/
}

    .satir_sorgu_banka_hareketi td {
        /*line-height: 24px;*/
        padding: 0.6rem;
        /*GG border: 1px solid #dfe3e4;*/
        /*ÖÖ border: 1px solid #a2a6bb79;*/
        border: 1px solid #bec1d579;
        vertical-align: middle;
    }

    .satir_sorgu_banka_hareketi:nth-child(odd) {
        /*GG background-color: #e4e9f05e;GG*/
        background-color: #edf0f4;
    }
/*Banka Entegrasyon Hareketleri*/

/* Table Border Radius için yazılanlar */
.table-responsive table td:last-child,
.table-responsive table th:last-child {
    border-right: 0 !important;
}

.table-responsive table td:first-child,
.table-responsive table th:first-child {
    border-left: 0 !important;
}

.table-responsive {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #a2a6bb79;
    margin-bottom: 1rem;
}

    .table-responsive table {
        margin-top: -1px !important;
        margin-bottom: -1px !important;
    }
/* Table Border Radius için yazılanlar End*/

/*Cari.html*/
.uyembaslik {
    /* float: left; */
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #48535c;
    width: 100%;
}

.uyembilgisi {
    /* float: left; */
    width: 100%;
    border-bottom: 1px dotted #bababa;
    text-align: left;
    font-size: 13.6777px;
}

.uyeresim {
    width: 90px;
    height: 100px;
    border: 1px solid #48535c;
    border-radius: 6px;
    background-color: #ffffff;
}

.uyemadsoyad {
    /* float: left; */
    padding: 4px;
    text-align: left;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #343434;
}

.uyemsatirbilgi {
    float: left;
    /*width: 170px;*/
    padding: 4px;
    /* padding-top: 15px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #676767;
}

    .uyemsatirbilgi::before {
        font-family: "Material Symbols Outlined";
        content: "\f86f";
        font-weight: normal;
        font-size: 24px; /* Preferred icon size */
        line-height: 1;
        word-wrap: normal;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 5px;
        color: #90ac52;
    }

    .uyemsatirbilgi.uyemDosya::before {
        font-family: "Material Symbols Outlined";
        content: "\ebbd";
        font-weight: normal;
        font-size: 24px; /* Preferred icon size */
        line-height: 1;
        word-wrap: normal;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 5px;
        color: #90ac52;
    }

.uyemsatirara {
    float: left;
    width: 7px;
    padding: 4px;
    text-align: right;
    padding-top: 15px;
    color: #787878;
}

.uyemnotbilgisi {
    /*float: left;*/
    width: 100%;
    background-color: #fcf4e9;
    text-align: left;
    margin-top: 15px;
    font-size: 13.6777px;
    border-radius: 10px;
    /* border-bottom: 1px dotted #BABABA; */
}

.uyemnotsatirara {
    /*float: left;*/
    padding: 4px;
    text-align: right;
    padding-top: 5px;
}

.uyemnotsatirbilgi {
    /*float: left;*/
    white-space: normal;
    width: 100%;
    padding: 4px;
    padding-top: 5px;
    font-size: 12px;
    color: #787878;
}

.uyemnotsatirtarih {
    /*float: left;*/
    white-space: normal;
    /*width: 85px;*/
    padding: 4px;
    /* padding-top: 5px; */
    font-size: 12px;
    font-weight: bold;
    color: #787878;
}
/*Cari.html End*/

.geriBtn {
    text-align: center;
    font-size: 21px;
    color: #999;
    display: block;
}

/*Sayfalandırma*/
.raporaltyazdir {
    height: 36px;
    align-content: center;
    float: right;
    margin-top: 3px;
    cursor: pointer;
    /*margin-right: 12px;*/
    /*gg*/
    color: #ffffff;
    font-size: 14px;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #d21113;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    text-transform: lowercase;
    &:hover

{
    background-color: #d21114c9;
}

&:active {
    background-color: #d2111491;
}

}

.raporaltyazdir:first-line {
    text-transform: capitalize;
}

.raporaltyazdir:before {
    font-family: "Material Symbols Outlined";
    content: "\e8ad";
    padding-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
}

.yazdirText::after {
    content: "Yazdır / E-Posta Gönder";
}
/* 
    .raporaltyazdir:hover {
        background-color: #39424a;
    } */

.say {
    float: left;
    width: 40px;
    height: 40px;
    /*background: url(/img/common/raporsayicon.png) no-repeat center center;*/
    text-align: center;
    font-size: 14px;
    color: #48535d;
    font-weight: 600;
    line-height: 40px;
    cursor: pointer;
    /*gg*/
    background-color: #edf0f4;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    border: 1px solid #48535d;
}

    .say:hover {
        background-color: #e4e9f0;
    }

.saySecili {
    float: left;
    width: 40px;
    height: 40px;
    /*background: url(/img/common/raporsayicon2.png) no-repeat center center;*/
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    cursor: pointer;
    /*gg*/
    background-color: #48535d;
    border-radius: 50%;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.sayPasif {
    /*float: left;
    width: 40px;
    height: 40px;
    background: url(/img/common/raporsayicon.png) no-repeat center center;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    opacity: 0.4*/
    /*gg*/
    float: left;
    font-weight: 400;
    color: #a0a5ad95;
    font-size: 16px;
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    margin-top: 0.6rem;
}

.saySagAktif {
    float: left;
    font-weight: 400;
    color: #a0a5adba;
    font-size: 20px;
    margin-left: 1.2rem;
    margin-top: 0.4rem;
}

.raporaltsonuc {
    float: left;
    color: #787878;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    text-align: left;
    padding-top: 1rem;
}

/*Sayfalandırma End*/

/*Yazdır*/

.ycSayfaSecYazdir {
    /*background-color: #A2A6BB;*/
    background-color: #48535d;
    color: #fff;
    padding: 0.6rem;
    border-radius: 10px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .ycSayfaSecYazdir button {
        color: #a2a6bb;
        background-color: transparent;
        font-size: 12px;
        font-weight: 300;
    }

        .ycSayfaSecYazdir button i {
            vertical-align: middle;
            color: #fff;
            /* font-size: 16px; */
            padding-left: 0.8rem;
            padding-right: 0.8rem;
        }

.ycBtnKapatYazdir {
    /*color: #a2a6bb;*/
    color: #48535d;
    /*color: #f00;*/
    /*font-size: 12px;*/
    font-weight: 500;
    font-size: 14px;
    background: transparent;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    padding-left: 0.5rem;
}

    .ycBtnKapatYazdir i {
        margin-right: 0.5rem;
        font-size: 14px !important;
    }

    .ycBtnKapatYazdir:hover {
        color: #343434;
    }

.ycBtnYazdir {
    border: 1px solid transparent;
    /*background-color: #f0f1f8;*/
    background-color: #e4e9f0;
    /*color: #a2a6bb;*/
    /*color: #62668b;*/
    color: #48535d;
    /*color: #f00;*/
    font-size: 16px;
    padding: 0.5rem;
    border-radius: 10px;
    margin-left: 0.7rem;
    font-weight: 700;
    position: relative;
    z-index: 260;
    transition: all 0.2s ease-in-out;
}

    .ycBtnYazdir i {
        vertical-align: middle;
        font-size: 24px;
        /* padding-left: 0.5rem;
        padding-right: 0.5rem; */
    }

    .ycBtnYazdir:hover {
        background-color: #d5dae2;
        box-shadow: 0 0 1px #eeefe8;
        border: 1px solid #48535d;
        /* transform: scale(1.07); */
        /*transition: all .2s ease-in-out;*/
    }

#yazdirdiv::-webkit-scrollbar-track,
#ajaxekran::-webkit-scrollbar-track,
#ustekran::-webkit-scrollbar-track,
.uyearapencere::-webkit-scrollbar-track,
.yesilScroll::-webkit-scrollbar-track {
    margin: 4px 0;
    padding: 1px 0;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
}

#yazdirdiv::-webkit-scrollbar,
#ajaxekran::-webkit-scrollbar,
#ustekran::-webkit-scrollbar,
.uyearapencere::-webkit-scrollbar,
.yesilScroll::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

#yazdirdiv::-webkit-scrollbar-thumb,
#ajaxekran::-webkit-scrollbar-thumb,
#ustekran::-webkit-scrollbar-thumb,
.uyearapencere::-webkit-scrollbar-thumb,
.yesilScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #90ac52;
}

.yesilScrollThin {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #90ac52 transparent;
}

.morScroll::-webkit-scrollbar-track {
    margin: 4px 0;
    padding: 1px 0;
    background-color: #f0f0f5;
    border-radius: 10px;
}

.morScroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.morScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #a2a6bb;
}

.modal-content,
#yazdirekran,
#ajaxdiv,
#modalpencerediv,
#ajaxmesaj,
#ustekrandiv {
    /*Bu ID'ler, Modal-Body altındaki ilk kapsayıcı ID'ler.*/
    border-radius: 0.5rem;
}
/*Yazdır End*/
/*Arşiv*/
.arsivbilgisi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
    width: 100%;
    border-bottom: 1px dotted #88ae42;
    text-align: left;
    font-size: 13.6777px;
    cursor: pointer;
    background-color: #ffffff;
}

    .arsivbilgisi:hover {
        background-color: #e6efd682;
        /*font-weight: bold;*/
    }

        .arsivbilgisi:hover .uyemsatirbilgi {
            font-weight: 500;
        }

.arsivanalinkacik {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding-left: 12px;
    height: 24px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    /* padding: 4px; */
    /* padding-left: 44px; */
    /*max-width: 120px;*/
    padding-right: 12px;
    margin-right: 5px;
    margin-bottom: 0;
    /* border-radius: 3px; */
    /* background: url(/img/dosyaicon/klasoracik.png) no-repeat left center; */
    background-color: #90ac52;
    color: #ffffff;
    /* border-right: 1px solid #FFFFFF; */
    cursor: pointer;
    transition: all 0.4s;
}

    .arsivanalinkacik:hover {
        /* background-color: #cbd8b2; */
    }

    .arsivanalinkacik::before {
        font-family: "Material Symbols Outlined";
        content: "\e2c8";
        font-weight: normal;
        font-size: 20px; /* Preferred icon size */
        line-height: 1;
        word-wrap: normal;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 5px;
    }

.arsivbos {
    float: left;
    width: 100%;
    border-bottom: 1px dotted #88ae42;
    height: 37px;
    background-color: #ffffff;
}

.arsivanalink {
    display: flex;
    align-items: center;
    height: 24px;
    color: #ffffff;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* padding: 8px; */
    padding-left: 16px;
    /*max-width: 120px;*/
    padding-right: 12px;
    margin-bottom: 0;
    border-radius: 10px;
    /* background: url(/img/dosyaicon/klasor.png) no-repeat left center; */
    background-color: #90ac52;
    cursor: pointer;
    transition: all 0.4s;
}

    .arsivanalink::before {
        font-family: "Material Symbols Outlined";
        content: "\ebbd";
        font-weight: normal;
        font-size: 20px; /* Preferred icon size */
        line-height: 1;
        word-wrap: normal;
        white-space: nowrap;
        vertical-align: middle;
        margin-right: 5px;
    }

    .arsivanalink:hover {
        background-color: #9fb86c;
    }
/*Arşiv End*/

/*Pencere Css*/

#modalpencerediv {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.icerikAlani {
    overflow: auto;
}

#ajaxmesaj {
    display: flex;
    flex-direction: column;
    background: #fff;
}
/*#ajaxdiv {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.ajax_baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

    .ajax_baslik i {
        color: #a2a6bb;
        margin-right: 0.5rem;
    }

    .ajax_baslik span {
        font-weight: 500;
        margin-right: auto;
        white-space: nowrap;
        color: #a2a6bb;
    }*/
/*Pencere Css End*/
/*Pro*/
.kasaKart {
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px #a2a6bb26;
    border: 1px solid #efefef;
}

.arkaPlanGri {
    background-color: #f5f6f8 !important;
}
/*Pro End*/

.sonucekran {
    width: 100%;
    color: #c0c0c0;
    text-align: center;
    display: none;
    height: auto;
    /*border-top: 1px solid #DADADA;*/
    padding: 60px;
    /*font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
}

.modal-backdrop ~ .modal-backdrop {
    z-index: 1051;
}

    .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop {
        z-index: 1052;
    }

        .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop ~ .modal-backdrop {
            z-index: 1053;
        }

#ustekranbaslikmetin {
    text-transform: lowercase;
}

    #ustekranbaslikmetin::first-letter {
        text-transform: uppercase;
    }

    #ustekranbaslikmetin::first-line {
        text-transform: capitalize;
    }

.karar_div_modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    background-color: #00000055;
    cursor: auto;
}

.eklediv {
    cursor: pointer;
}

/*Borçlandır Aidat.html örnek*/
.secilenBloklar {
    text-align: left !important;
    white-space: normal;
}

    .secilenBloklar > div {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6rem;
    }
/*Borçlandır Aidat.html örnek End*/

#sanalposframe {
    height: 100% !important; /*//Not: GG bu frame açılınca altta boşluk bırakıyordu, bu şekilde çözdüm.*/
}

/*Mesajlar için*/
.satir_tanim_duzenle > td p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.satir_tanim_duzenle > td ol, .satir_tanim_duzenle > td ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
}
/*Mesajlar için End*/

/*Giriş Html Grafikleri*/
.mGirisGrafikBaslik {
    display: flex;
    align-items: center;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #a2a6bb8c;
    font-size: 16px;
    font-weight: 600;
}

    .mGirisGrafikBaslik img {
        height: 18px;
        margin-right: 0.5rem;
    }

.mGirisGrafikGenelDurum100 {
    font-size: 42px;
    font-weight: 600;
    margin-right: 0.25rem
}
/*Giriş Html Grafikleri End*/
.webSilmeİconu {
    display: inline-block;
    position: relative;
}

    .webSilmeİconu div {
        position: absolute;
        cursor: pointer;
        z-index: 100;
        top: 10px;
        right: 10px;
    }
/*Özelleştireceğimiz yerler*/
.mUyeTahsilatAjaxWrapper.icerikArkaPlan {
    padding: 0.8rem;
}

.mUyeTahsilatTable {
    border-radius: 0 0 10px 10px;
    background-color: #ffffff;
    height: 260px;
}
/*Özelleştireceğimiz yerler End*/

@media only screen and (max-width: 767px) {
    html {
        --font_size_2-25: 2rem;
        --font_size_1-125: 1rem;
        --font_size_1: 0.9rem;
        --font_size_2: 1.75rem;
        --font_size_1-5: 1.3rem;
        --font_size_1-375: 1.188rem;
        --font_size_1-25: 1.1rem;
        --font_size_0-875: 0.84rem;
        --font_size_1-050: 0.95rem;
        --font_size_0-95: 0.85rem;
        --font_size_1-355: 1.105rem;
        --font_size_1-1: 1rem;
        --font_size_0-9: 0.8rem;
        --font_size_8: 7.5rem;
        --font_size_6: 5rem;
        --font_size_1-10: 1.1rem;
        --font_size_1-20: 1.2rem;
        --font_size_1-188: 1.088rem;
        --font_size_1-875: 1.875rem;
        --font_size_1-75: 1.563rem;
    }
}
